<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购商城-注册</title>
    <!-- 注意样式文件引入的顺序 -->
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 3.当前样式 -->
    <link rel="stylesheet" href="css/register.css">
</head>

<body>
    <!-- header -->
    <div id="header">
        <!-- 顶部 -->
        <div class="top">
            <div class="lego-container">
                <a href="index.html" class="website fl">legochina.cn</a>
                <span class="welcome fr">欢迎光临<a href="index.html">乐购</a>，<span id="loginstatus">请 <a href="login.html">登录</a>\<a href="register.html">注册</a></span></span>
                <img src="images/logo_register.jpg" alt="">
            </div>
        </div>
        <div class="login lego-container">
            <h3 class="fl">欢迎登录</h3>
            <span class="fr">已有账号，请&nbsp;<a href="login.html">登录</a></span>
        </div>
    </div>

    <!-- 表单内容区域 -->
    <div id="formcontent" class="lego-container">
        <form action="login.html" method="GET" id="myform">
            <p><label><span>用户名</span><input type="text" name="username" class="username" placeholder="您的账户名和登录名"></label></p>
            <p><label><span>设置密码</span><input type="password" name="pwd" id="pwd" class="pwd" placeholder="建议设置两种字符密码"></label></p>
            <p><label><span>确认密码</span><input type="password" name="repwd" class="repwd" placeholder="再次输入密码"></label></p>
            <p><label><span>中国+86</span><input type="text" name="phonenum"  class="phonenum" placeholder="建议使用常用手机号"></label></p>
            <p class="chptcha_p"><label><span>验证码</span><input type="text" name="chptcha" class="chptcha" placeholder="请输入验证码"></label><img id="codeimg" src="images/code-img.jpg" alt=""><input id="code" type="hidden" value="4E7R"></p>
            <p class="phonechptcha_p"><label><span>手机验证码</span><input type="text" name="phonechptcha" class="phonechptcha" placeholder="输入手机验证码"></label><a id="getcode" href="#">获取验证码</a></p>
            <label class="agreementlabel"><input type="checkbox" class="agreement" name="agreement"><span>我已阅读并同意<a href="#">《京东用户注册协议》</a></span></label>
            <button type="button">立即注册</button>
        </form>
    </div>

    <!-- 尾部 -->
    <footer>
        <div class="links lego-container">
            <a href="#">公司简介</a>|<a href="#">Investor Relations</a>|<a href="#">网站联盟</a>|<a href="#">乐购招商</a>|<a
                href="#">机构销售</a>|<a href="#">手机乐购</a>|<a href="#">官方Blog</a>|<a href="#">热词搜索</a>
        </div>
        <div class="copyright lego-container">
            Copyright (C) 乐购网 2004-2016, All Rights Reserved
        </div>
    </footer>
    <!-- 1. 引入jQuery -->
    <script src="./lib/jquery.min.js"></script>
    <!-- 2. 引入当前页面js文件 -->
    <script src="js/register.js"></script>
    <!-- 3. 引入jQuery表单验证插件 -->
    <script src="lib/jquery.validate.js"></script>
    <!-- 4. 引入获取账号信息的js文件 -->
    <script src="js/account.js"></script>
</body>

</html>